import { defineComponent, ref } from 'vue';
import Styles from './audioStyle.module.scss';
import { Slider } from 'vant';

export default defineComponent({
  name: 'audioStyle',
  setup() {
    let sliderTime = ref(42);
    return () => (
      <div class={Styles['play-audio']}>
        <div class={Styles['audiobox']}>
          <div>
            <img class={Styles['smallimg']} src="https://editor.xesimg.com/tailor/resource/open-1658215588716.png" />
          </div>
          <div class={Styles['myslider']}>
            <Slider
              v-model={sliderTime.value}
              disabled
              v-slots={{ button: () => <p style="width: 10px; height: 10px; border-radius: 50%; background: #277DFF"></p> }}
            />
          </div>
        </div>
      </div>
    );
  }
});
